<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link type="text/css" rel="Stylesheet"
		href="../../css/jquery-ui-1.8.20.custom.css" />

	<link type="text/css" rel="Stylesheet"
		href="../../css/style_coopac.css" />

	<style>
carousel * ui-carousel-viewport {
	width: 99% !important;
}

</style>
	<h:outputScript library="js" name="jquery.blockUI.js"  /><!-- bloqueo  -->
	<script >
		$(document).ready(function(){
			$('div.block').block({ 
				message: ""
			}); 
		});
	</script>
</h:head>

<h:body>
	<div id="contenedor">
		<div id="headerPlataforma"></div>

		<div id="menu">
			<ui:include src="../00_genericos/menu.xhtml"></ui:include>
		</div>

		<div id="formularios">
			<h:form id="form" prependId="true">
				<div id="cuerpo">
					<p:panel header="Seleccione su servicio"
						visible="#{registroServicio.triggerSelectServicio}">
						<div class="rowForm">
							<div class="label">
								<label>Seleccione:</label>
							</div>
							<div class="field">
								<p:selectOneMenu
									value="#{registroServicio.servicioSeleccionado}"
									style="width:160px">
									<f:selectItem itemLabel="Seleccione Servicio" />
									<f:selectItem itemLabel="Fondo Mortuorio"
										itemValue="fondoMortuorio" />
									<f:selectItem itemLabel="Peque Ahorro" itemValue="pequeAhorro" />
									<f:selectItem itemLabel="Joven Coop" itemValue="jovenCoop" />
									<f:selectItem itemLabel="Abue Ahorro" itemValue="abueAhorro" />
									<p:ajax listener="#{registroServicio.activar}" update=":form:panelDatosPersonales,
									:form:panelBuscador">
									</p:ajax>
								</p:selectOneMenu>
							</div>
						</div>
					</p:panel>
					<p:panel id="panelTitulo"
						visible="#{registroServicio.triggerPanelTitulo}"
						header="#{registroServicio.tituloPanelTitulo}"
						style="font-size:20px; height:50px;">
					</p:panel>
					<p:panel id="panelBuscador" header="Buscar Persona" toggleable="true"
						visible="#{registroServicio.triggerPanelTitulo}">
						<div class="rowForm">
							<div class="label">
								<label>Buscar:</label>
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search" actionListener="#{registroServicio.pintarBusquedaPersona}"
									update=":form:panelDatosPersonales">
								</p:commandButton>
							</div>
							<div class="fieldAutoComplete">
								<p:autoComplete id="acSimple" value="#{registroServicio.criterioBusqueda}"   
                  					  completeMethod="#{registroServicio.autoCompletado}" forceSelection="true"/>  
							</div>						
						</div>
					</p:panel>
					
					<div class="block"><!-- div del block -->
					<p:panel id="panelDatosPersonales" header="Datos Personales" toggleable="true"
						visible="#{registroServicio.triggerPanelTitulo}"
						collapsed="#{registroServicio.minimizarDatosPersonales}">
						<p:panel header="Datos Básicos del Solicitante"
							style="margin: 15px 0 0 0;">
						</p:panel>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{registroServicio.personaSOL.apellidoPaternoRazonSocial}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.personaSOL.apellidoMaterno}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{registroServicio.personaSOL.nombrePersonaNombreComercial}"
									style="width:453px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroDocumentoSOL.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.documentoPersonaSOL.numero}"
									style="width:157px" />
							</div>
						</div>
						
											<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar value="#{registroServicio.fechaNacimientoFechaConstitucionPersonaSOL}"></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px" value="#{registroServicio.personaSOL.sexo}">
									<f:selectItem itemLabel="Elige Sexo" />
									<f:selectItem itemLabel="Masculino" itemValue="0" />
									<f:selectItem itemLabel="Femenino" itemValue="1"/>
									
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px" 
									value="#{registroServicio.tipoMaestroEstadoCivilSOL.idTipoMaestro}">
									<f:selectItem itemLabel="Estado civil"/>
									<f:selectItems value="#{maestro.listaEstadoCivil}" />
									
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudio:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px"
									value="#{registroServicio.tipoMaestroGradoEstudioSOL.idTipoMaestro}">
									<f:selectItem itemLabel="Grado estudios"/>
									<f:selectItems value="#{maestro.listaGradoEstudio}" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Telef:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroTipoTelefonoSOL.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Telef:" />
									<f:selectItems value="#{maestro.listaTipotelefono}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.telefonoPersonaSOL.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.telefonoPersonaSOL.anexo}"
									style="width:157px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Email:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.personaSOL.email}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Página Web:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.personaSOL.paginaWeb}"
									style="width:453px" />
							</div>
						</div>

						<p:panel header="Datos domiciliarios" style="margin: 15px 0 0 0;">
						</p:panel>

						<div class="rowForm">
							<div class="label">
								<label>Departamento:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectDepartamento"
									value="#{ubigeo.idDepartamento}" style="width:160px">
									<f:selectItem itemLabel="Dpto." />
									<f:selectItems value="#{ubigeo.listaDepartamento}" />
									<p:ajax update="selectProvincia, selectDistrito" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Provincia:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectProvincia"
									value="#{ubigeo.idProvincia}" style="width:160px">
									<f:selectItem itemLabel="Provincia" />
									<f:selectItems value="#{ubigeo.listaProvincia}" />
									<p:ajax update="selectDistrito" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Distrito:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectDistrito"
									value="#{ubigeo.idDistrito}" style="width:160px">
									<f:selectItem itemLabel="Distrito" />
									<f:selectItems value="#{ubigeo.listaDistrito}" />
								</p:selectOneMenu>
								<p:selectOneMenu id="selectDistritoDummy"
									value="#{registroServicio.ubigeoPersonaSOL.idUbigeo}" style="width:160px; display:none;">
									   <f:selectItem itemLabel="Dummy" itemValue="#{ubigeo.idDistrito}" />
							   </p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Zona.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroTipoZonaSOL.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Zona" />
									<f:selectItems value="#{maestro.listaZona}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Zona:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.nombreZona}"
									style="width:157px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Vía.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroTipoViaSOL.idTipoMaestro}" style="width:160px">
									<f:selectItem itemLabel="Tipo Vía" />
									<f:selectItems value="#{maestro.listaVia}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Vía:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.nombreVia}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>#Dpto:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.departamento}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Interior:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.interior}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Manzana:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.manzana}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Lote:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.lote}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Kilómetro:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.kilometro}"
									style="width:157px" />
							</div>
						</div>


						<div class="rowForm">
							<div class="label">
								<label>Referencia:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaSOL.referencia}"
									style="width:453px" />
							</div>
							<div class="label">
								<label>Tipo Vivienda.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroTipoViviendaSOL.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Vivienda" />
									<f:selectItems value="#{maestro.listaTipovivienda}" />
								</p:selectOneMenu>
							</div>
						</div>

					</p:panel>
					</div>
					
					<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton value="Siguiente ->" update=":form:panelBeneficiario" actionListener="#{registroServicio.validarDatosPersonales}">
								</p:commandButton>
							</div>
						</div>
					
					<p:panel id="panelBeneficiario" header="Seleccionar Beneficiarios" toggleable="true" visible="#{registroServicio.triggerSeleccionarBeneficiarios}">
						<div class="rowForm">
							<div class="label">
								<label>Buscar:</label>
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search" actionListener="#{registroServicio.pintarBusquedaPersonaBeneficiario}"
									update=":form:panelBeneficiario">
								</p:commandButton>
							</div>
							<div class="fieldAutoComplete">
								<p:autoComplete id="acSimpleBEN" value="#{registroServicio.criterioBusquedaBEN}"   
                  					  completeMethod="#{registroServicio.autoCompletadoBeneficiario}" forceSelection="true"/>  
							</div>	
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{registroServicio.personaBEN.apellidoPaternoRazonSocial}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.personaBEN.apellidoMaterno}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{registroServicio.personaBEN.nombrePersonaNombreComercial}"
									style="width:453px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroDocumentoBEN.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.documentoPersonaBEN.numero}"
									style="width:157px" />
							</div>
						</div>
						
											<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar value="#{registroServicio.fechaNacimientoFechaConstitucionPersonaBEN}"></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px" value="#{registroServicio.personaBEN.sexo}">
									<f:selectItem itemLabel="Elige Sexo" />
									<f:selectItem itemLabel="Masculino" itemValue="0" />
									<f:selectItem itemLabel="Femenino" itemValue="1"/>
									
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px" 
									value="#{registroServicio.tipoMaestroEstadoCivilBEN.idTipoMaestro}">
									<f:selectItem itemLabel="Estado civil"/>
									<f:selectItems value="#{maestro.listaEstadoCivil}" />
									
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudio:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px"
									value="#{registroServicio.tipoMaestroGradoEstudioBEN.idTipoMaestro}">
									<f:selectItem itemLabel="Grado estudios"/>
									<f:selectItems value="#{maestro.listaGradoEstudio}" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Telef:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroTipoTelefonoBEN.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Telef:" />
									<f:selectItems value="#{maestro.listaTipotelefono}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.telefonoPersonaBEN.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.telefonoPersonaBEN.anexo}"
									style="width:157px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Email:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.personaBEN.email}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Página Web:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.personaBEN.paginaWeb}"
									style="width:453px" />
							</div>
						</div>

						<p:panel header="Datos domiciliarios" style="margin: 15px 0 0 0;">
						</p:panel>

						<div class="rowForm">
							<div class="label">
								<label>Departamento:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectDepartamentoBEN"
									value="#{ubigeo.idDepartamento}" style="width:160px">
									<f:selectItem itemLabel="Dpto." />
									<f:selectItems value="#{ubigeo.listaDepartamento}" />
									<p:ajax update="selectProvincia, selectDistrito" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Provincia:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectProvinciaBEN"
									value="#{ubigeo.idProvincia}" style="width:160px">
									<f:selectItem itemLabel="Provincia" />
									<f:selectItems value="#{ubigeo.listaProvincia}" />
									<p:ajax update="selectDistrito" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Distrito:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectDistritoBEN"
									value="#{ubigeo.idDistrito}" style="width:160px">
									<f:selectItem itemLabel="Distrito" />
									<f:selectItems value="#{ubigeo.listaDistrito}" />
								</p:selectOneMenu>
								<p:selectOneMenu id="selectDistritoDummyBEN"
									value="#{registroServicio.ubigeoPersonaBEN.idUbigeo}" style="width:160px; display:none;">
									   <f:selectItem itemLabel="Dummy" itemValue="#{ubigeo.idDistrito}" />
							   </p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Zona.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroTipoZonaBEN.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Zona" />
									<f:selectItems value="#{maestro.listaZona}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Zona:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.nombreZona}"
									style="width:157px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Vía.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroTipoViaBEN.idTipoMaestro}" style="width:160px">
									<f:selectItem itemLabel="Tipo Vía" />
									<f:selectItems value="#{maestro.listaVia}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Vía:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.nombreVia}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>#Dpto:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.departamento}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Interior:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.interior}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Manzana:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.manzana}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Lote:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.lote}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Kilómetro:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.kilometro}"
									style="width:157px" />
							</div>
						</div>


						<div class="rowForm">
							<div class="label">
								<label>Referencia:</label>
							</div>
							<div class="field">
								<p:inputText value="#{registroServicio.direccionPersonaBEN.referencia}"
									style="width:453px" />
							</div>
							<div class="label">
								<label>Tipo Vivienda.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{registroServicio.tipoMaestroTipoViviendaBEN.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Vivienda" />
									<f:selectItems value="#{maestro.listaTipovivienda}" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>% Beneficio:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" />
							</div>
						</div>

						<!--
						
						http://www.primefaces.org/showcase/ui/pprDataTable.jsf
						http://www.primefaces.org/showcase/ui/datatableContextMenu.jsf
						
						-->
						<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton value="Adicionar Trabajo"
									actionListener="#{registroServicio.adicionarBENXUno}"
									update=":form:listaBEN,:form:panelBeneficiario"
								></p:commandButton>
							</div>
						</div>

						<p:contextMenu for="listaBEN">
							<p:menuitem value="View" icon="ui-icon-search" 
								/>
							<p:menuitem value="Delete" icon="ui-icon-close" 
								actionListener="#{registroServicio.deleteBEN}"
								update=":form:listaBEN"/>
						</p:contextMenu>

						<p:dataTable id="listaBEN" var="tablaBEN" 
							value="#{registroServicio.listaPersonaBEN}"
							paginator="false"
							rowKey="#{tablaBEN.apellidoPaternoRazonSocial}"
							selection="#{registroServicio.personaBENSeleccionado}"
							selectionMode="single">

							<p:column headerText="Apellido Paterno">
									#{tablaBEN.apellidoPaternoRazonSocial}
							</p:column>
							<p:column headerText="Apellido Materno">
								 	#{tablaBEN.apellidoMaterno}
							</p:column>

						</p:dataTable>
						
						<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton value="Siguiente ->" update=":form:panelProcesar" actionListener="#{registroServicio.validarDatosBeneficiarios}">
								</p:commandButton>
							</div>
						</div>

					</p:panel>
					
					<p:panel id="panelProcesar" header="Procesar" toggleable="true" visible="#{registroServicio.triggerProcesar}">
						<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton actionListener="#{registroServicio.saveServicio}"
									value="Registrar" update=":form">
								</p:commandButton>
							</div>
							<div class="buttonProcess">
								<p:commandButton value="PDF" actionListener="#{persona.toPDF}"></p:commandButton>
							</div>
						</div>
					</p:panel>

				</div>
			</h:form>
		</div>
		<div id="footerPlataforma"></div>
	</div>
</h:body>

</html>
